.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  
}

.bar {
  fill: steelblue;
}

.bar:hover {
  fill: #e02222;;
}

.line {
  fill: none;
  stroke-width: 2px;
  clip-path: url(#clipaa);
}

.line-yellow {
	stroke: #ffb848;
}

.line-green {
	stroke: #35aa47;
}

.line-blue {
	stroke: #4b8df8;
}

.line-red {
	stroke: #e02222;
}

.brush .extent {
    stroke: #fff;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}

form.select {
  position: absolute;
  right: 10px;
  top: 10px;
}
path {
  stroke: #fff;
  fill-rule: evenodd;
}
.context {
	border: 1px solid #eee;
}

.sc text {
	transform: rotate(-45deg);
	margin-top: 20px;
	display: block;
	font-weight: bold;
	font-family: "Microsoft Yahei";
}